<template>
  <div>
    <h2>确定框</h2>
    <!-- 确定框
     this.$confirm(消息的内容，消息的标题,{配制}).then(()=>点击了确定后的执行)
     .catch(()=>{点击了取消后的执行})
    -->
    <el-button @click="delClick">删除</el-button>
  </div>
</template>
<script>
export default {
  created() {},
  methods: {
    async delClick() {
      //   this.$confirm('您确定删除该项吗', '温馨提示', {
      //     confirmButtonText: '确定删除',
      //     cancelButtonText: '点错了',
      //     type: 'warning'
      //   })
      //     .then(() => {
      //       console.log('确定点击了')
      //     })
      //     .catch(() => {
      //       console.log('取消点击了')
      //     })
      try {
        await this.$confirm('您确定删除该项吗', '温馨提示', {
          confirmButtonText: '确定删除',
          cancelButtonText: '点错了',
          type: 'warning'
        })
        console.log('确定点击了')
      } catch {
        console.log('取消点击了')
      }
    }
  }
}
</script>
<style></style>
